<!DOCTYPE html>
<html lang="en">
<head>
<title>Purchase a Gift Certificate</title>
<base href="" />
<link href="images/cart.png" rel="icon" />
<meta name="HandheldFriendly" content="True" /><meta name="MobileOptimized" content="320" />	
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />    
<link rel="stylesheet" type="text/css" href="css/stylesheet.css" />
<link rel="stylesheet" type="text/css" href="css/facebook.css" />
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<!--<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>-->
<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.8.16.custom.css" />
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-1.3.4.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/flexslider.css" />
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script> 
<script type="text/javascript" src="js/tabs.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script src="js/html5.js"></script>
<script type="text/javascript">
		$(window).load(function() {
			$('.flexslider').flexslider();
		});
</script>
<script>
$(document).ready(function(){
$('.ab').hover(function(){
	$(this).prev('a').toggleClass('active');
	});     
$('.menuarrow').click(function () {
  $('.menu-mobile').slideToggle('slow');
});
$('.mobile-fpart .column h3').click(function () {
  $(this).next('.mobile-fpart .column ul').slideToggle('slow');
});
});
</script>
</head>
<body>
<div class="main-wrapper">
<header class="header-top-main">
<section class="header-top">
<div id="welcome">
        You are logged in as <a href="#">s</a> <b>(</b> <a href="#">Logout</a> <b>)</b>      </div>  
    <form action="#" method="post" enctype="multipart/form-data">
    <div id="currency"><!--Currency-->
                        <a title="Euro" onClick="">€</a>
                                    <a title="Pound Sterling" onClick="">£</a>
                                    <a title="US Dollar"><b>$</b></a>
                        <input type="hidden" name="currency_code" value="" />
      <input type="hidden" name="redirect" value="#" />
    </div>
  </form>
    <section id="cart">
    <div class="heading">
      <!--<h4>Shopping Cart</h4>-->
      <a><span id="cart_total">0 item(s) - $0.00</span></a></div>
    <div class="content"></div>
  </section>
  <div class="clear"></div>
</section>
<section id="header-main">
<div id="header">
    <div id="logo"><a href="#"><img src="images/logo.png" title="uStore Theme" alt="uStore Theme" /></a></div>
    <div class="links">
  <a class="home" title="Home" href="#">Home</a>
  <a href="#" id="wishlist_total">Wish List (2)</a><a href="#">My Account</a><a href="#">Shopping Cart</a><a href="#">Checkout</a></div> 
  <div id="search">
    <div class="button-search"></div>
        <input type="text" name="filter_name" value="Search" onClick="this.value = '';" onKeyDown="this.style.color = '#444';" />
      </div></div>
  <div class="clear"></div>
</section>
<nav id="mobile-menu">
<h3 class="menuarrow"><span>Menu</span></h3>
  <ul class="menu-mobile">
        <li><a href="#">Desktops</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_26">PC (0)</a></li>
                                        <li><a href="#_27">Mac (1)</a></li>
                            </ul>
              </div>
          </li>
        <li><a href="#">Laptops</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_46">Macs (0)</a></li>
                                        <li><a href="#_45">Windows (0)</a></li>
                            </ul>
              </div>
          </li>
        <li><a href="#">Components</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_29">Mice and Trackballs (0)</a></li>
                                        <li><a href="#_28">Monitors (2)</a></li>
                                        <li><a href="#_30">Printers (0)</a></li>
                                        <li><a href="#_31">Scanners (0)</a></li>
                                        <li><a href="#_32">Web Cameras (0)</a></li>
                            </ul>
              </div>
          </li>
        <li><a href="#">Tablets</a>
          </li>
        <li><a href="#">Software</a>
          </li>
        <li><a href="#">Phones &amp; PDAs</a>
          </li>
        <li><a href="#">Cameras</a>
          </li>
        <li><a href="#">MP3 Players</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_43">test 11 (0)</a></li>
                                        <li><a href="#_44">test 12 (0)</a></li>
                                        <li><a href="#_47">test 15 (0)</a></li>
                                        <li><a href="#_48">test 16 (0)</a></li>
                                        <li><a href="#_49">test 17 (0)</a></li>
                            </ul>
                <ul >
                                        <li><a href="#_50">test 18 (0)</a></li>
                                        <li><a href="#_51">test 19 (0)</a></li>
                                        <li><a href="#_52">test 20 (0)</a></li>
                                        <li><a href="#_53">test 21 (0)</a></li>
                                        <li><a href="#_54">test 22 (0)</a></li>
                            </ul>
                <ul >
                                        <li><a href="#_55">test 23 (0)</a></li>
                                        <li><a href="#_56">test 24 (0)</a></li>
                                        <li><a href="#_38">test 4 (0)</a></li>
                                        <li><a href="#_37">test 5 (0)</a></li>
                                        <li><a href="#_39">test 6 (0)</a></li>
                            </ul>
                <ul >
                                        <li><a href="#_40">test 7 (0)</a></li>
                                        <li><a href="#_41">test 8 (0)</a></li>
                                        <li><a href="#_42">test 9 (0)</a></li>
                                                                    </ul>
              </div>
          </li>
      </ul>
</nav>
<nav class="menu-main">
<div id="menu">
  <ul>
        <li><a href="#">Desktops</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_26">PC (0)</a></li>
                                        <li><a href="#_27">Mac (1)</a></li>
                            </ul>
              </div>
          </li>
        <li><a href="#">Laptops</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_46">Macs (0)</a></li>
                                        <li><a href="#_45">Windows (0)</a></li>
                            </ul>
              </div>
          </li>
        <li><a href="#">Components</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_29">Mice and Trackballs (0)</a></li>
                                        <li><a href="#_28">Monitors (2)</a></li>
                                        <li><a href="#_30">Printers (0)</a></li>
                                        <li><a href="#_31">Scanners (0)</a></li>
                                        <li><a href="#_32">Web Cameras (0)</a></li>
                            </ul>
              </div>
          </li>
        <li><a href="#">Tablets</a>
          </li>
        <li><a href="#">Software</a>
          </li>
        <li><a href="#">Phones &amp; PDAs</a>
          </li>
        <li><a href="#">Cameras</a>
          </li>
        <li><a href="#">MP3 Players</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_43">test 11 (0)</a></li>
                                        <li><a href="#_44">test 12 (0)</a></li>
                                        <li><a href="#_47">test 15 (0)</a></li>
                                        <li><a href="#_48">test 16 (0)</a></li>
                                        <li><a href="#_49">test 17 (0)</a></li>
                            </ul>
                <ul >
                                        <li><a href="#_50">test 18 (0)</a></li>
                                        <li><a href="#_51">test 19 (0)</a></li>
                                        <li><a href="#_52">test 20 (0)</a></li>
                                        <li><a href="#_53">test 21 (0)</a></li>
                                        <li><a href="#_54">test 22 (0)</a></li>
                            </ul>
                <ul >
                                        <li><a href="#_55">test 23 (0)</a></li>
                                        <li><a href="#_56">test 24 (0)</a></li>
                                        <li><a href="#_38">test 4 (0)</a></li>
                                        <li><a href="#_37">test 5 (0)</a></li>
                                        <li><a href="#_39">test 6 (0)</a></li>
                            </ul>
                <ul >
                                        <li><a href="#_40">test 7 (0)</a></li>
                                        <li><a href="#_41">test 8 (0)</a></li>
                                        <li><a href="#_42">test 9 (0)</a></li>
                                                                    </ul>
              </div>
          </li>
      </ul>
</div>
</nav>
</header>
<section class="wrapper">
<div id="notification"></div>
<div id="container"> 
<section id="content">  <div class="breadcrumb">
        <a href="#">Home</a>
         &raquo; <a href="#">Gift Voucher</a>
      </div>
  <h1><span>Purchase a Gift Certificate</span></h1>
    <p>This gift certificate will be emailed to the recipient after your order has been paid for.</p>
  <div class="content">
  <form action="#" method="post" enctype="multipart/form-data" id="voucher">
    <table class="form">
      <tr>
        <td><span class="required">*</span> Recipient's Name:</td>
        <td><input type="text" name="to_name" value="" />
          </td>
      </tr>
      <tr>
        <td><span class="required">*</span> Recipient's Email:</td>
        <td><input type="text" name="to_email" value="" />
          </td>
      </tr>
      <tr>
        <td><span class="required">*</span> Your Name:</td>
        <td><input type="text" name="from_name" value="s s" />
          </td>
      </tr>
      <tr>
        <td><span class="required">*</span> Your Email:</td>
        <td><input type="text" name="from_email" value="abc@gmail.com" />
          </td>
      </tr>
      <tr>
        <td>Message:<br /><span class="help">(Optional)</span></td>
        <td><textarea class="h100" name="message" cols="40" rows="5"></textarea></td>
      </tr>
      <tr>
        <td><span class="required">*</span> Amount:<br /><span class="help">(Value must be between $1.00 and $1,000.00)</span></td>
        <td><input type="text" name="amount" value="25.00" size="5" />
          </td>
      </tr>
      <tr>
        <td><span class="required">*</span> Gift Certificate Theme:</td>
        <td>                    <input type="radio" name="voucher_theme_id" value="7" id="voucher-7" />
          <label for="voucher-7">Birthday</label>
                    <br />
                              <input type="radio" name="voucher_theme_id" value="6" id="voucher-6" />
          <label for="voucher-6">Christmas</label>
                    <br />
                              <input type="radio" name="voucher_theme_id" value="8" id="voucher-8" />
          <label for="voucher-8">General</label>
                    <br />
                    </td>
      </tr>
    </table>
    <div class="buttons">
      <div class="right">I understand that gift certificates are non-refundable.                <input type="checkbox" name="agree" value="1" />
                <a onclick="$('#voucher').submit();" class="button"><span>Continue</span></a></div>
    </div>
  </form>
  </div>
  </section>
<div class="clear"></div>
</div> 
</section>

<div class="clear"></div>
<section id="footer-top-outside">
<div class="line-bottom">
<div id="customHome" class="container_12"><div id="about_us_footer"
	class="grid_3">
<h2>About uStore</h2>
<img class="about_us_image" alt="small logo" src="images/logo-small.png"/><p>      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum porttitor, sem vel venenatis interdum, tortor dolor lobortis purus, sed adipiscing ante nisi fringilla nunc. Mauris id erat eget diam pulvinar fringilla. Vestibulum blandit aliquam velit, non viverra turpis vulputate ac.</p>
</div>
 <!--  TWITTER --> <div id="twitter_footer"
	class="grid_3">
<h2>Latest Tweets</h2>
<ul id="twitter_update_list">
<!--<script type="text/javascript"
	src="//twitter.com/javascripts/blogger.js"></script> <script
	type="text/javascript"
	src="//twitter.com/statuses/user_timeline/envato.json?callback=twitterCallback2&count=2"></script>-->
</ul>
</div>
 <div id="contact_footer"
	class="grid_3">
<h2>Contact Us</h2>
<ul>
<li>
	<!-- TELEPHONE 1 -->
	<ul id="tel" class="contact_column">
		<li id="footer_telephone">+11 8832 456 123</li>


		<!-- TELEPHONE 2 -->
				<li id="footer_telephone2">+11 8832 456 123</li>
			</ul>
	
	<!-- FAX  -->
		<ul id="fax" class="contact_column">
		<li id="footer_fax">+11 0832 456 321</li>
	</ul>
	
	<!-- EMAIL 1 -->
		<ul id="mail" class="contact_column">
		<li id="footer_email">test@test.com</li>



		<!-- EMAIL 2 -->
				<li id="footer_email2">info@test.com</li>
			</ul>
	
	<!-- SKYPE -->
		<ul id="skype" class="contact_column">
		<li id="footer_skype">harnishdesign</li>
	</ul>
	</li>
</ul>
</div>
	 <!--  FACEBOOK --> <div id="facebook_footer"
	class="grid_3">
<h2>Facebook</h2>
<!--<script type="text/javascript"
	src="//static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US"></script>
<script type="text/javascript">FB.init("1690883eb733618b294e98cb1dfba95a");</script>

<script language="javascript" type="text/javascript">
//<![CDATA[
document.write('<fb:fan profile_id="80655071208" stream="0"	connections="6"	logobar="0" height="190px"	width="220"css="css/facebook.css?20"></fb:fan> ');
//]]>
</script>-->

</div>
 <!--  CUSTOM COLUMN -->  <!-- Categories --> </div>
<div class="clear"></div>
</div>

<div class="line-bottom1"></div>

</section>
<footer id="footer-main">
<div id="footer" class="mobile-fpart">
  <div class="column">
    <h3>Information</h3>
    <ul>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Delivery Information</a></li>
            <li><a href="#">Privacy Policy</a></li>
            <li><a href="#">Terms &amp; Conditions</a></li>
          </ul>
  </div>
  <div class="column">
    <h3>Customer Service</h3>
    <ul>
      <li><a href="#">Contact Us</a></li>
      <li><a href="#">Returns</a></li>
      <li><a href="#">Site Map</a></li>
    </ul>
  </div>
  <div class="column">
    <h3>Extras</h3>
    <ul>
      <li><a href="#">Brands</a></li>
      <li><a href="#">Gift Vouchers</a></li>
      <li><a href="#">Affiliates</a></li>
      <li><a href="#">Specials</a></li>
    </ul>
  </div>
  <div class="column">
    <h3>My Account</h3>
    <ul>
      <li><a href="#">My Account</a></li>
      <li><a href="#">Order History</a></li>
      <li><a href="#">Wish List</a></li>
      <li><a href="#">Newsletter</a></li>
    </ul>
  </div>
</div>
<div id="footer">
  <div class="column">
    <h3>Information</h3>
    <ul>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Delivery Information</a></li>
            <li><a href="#">Privacy Policy</a></li>
            <li><a href="#">Terms &amp; Conditions</a></li>
          </ul>
  </div>
  <div class="column">
    <h3>Customer Service</h3>
    <ul>
      <li><a href="#">Contact Us</a></li>
      <li><a href="#">Returns</a></li>
      <li><a href="#">Site Map</a></li>
    </ul>
  </div>
  <div class="column">
    <h3>Extras</h3>
    <ul>
      <li><a href="#">Brands</a></li>
      <li><a href="#">Gift Vouchers</a></li>
      <li><a href="#">Affiliates</a></li>
      <li><a href="#">Specials</a></li>
    </ul>
  </div>
  <div class="column">
    <h3>My Account</h3>
    <ul>
      <li><a href="#">My Account</a></li>
      <li><a href="#">Order History</a></li>
      <li><a href="#">Wish List</a></li>
      <li><a href="#">Newsletter</a></li>
    </ul>
  </div>
</div>
<div class="powered-main">
<div id="powered">
Theme by <a href="#" target="_blank">Design</a>
<div class="fl">
Powered By <a href="#">ABC</a><br /> uStore Theme &copy; 2012</div>
<div class="back-to-top" id="back-top"><a title="Back to Top" href="javascript:void(0)" class="backtotop">Top</a></div>
</div>
</div>
</footer>
</div>
<!--Scroll back to top-->
<script type='text/javascript'>
$(function () {
		$(window).scroll(function () {
			if ($(this).scrollTop() > 100) {
				$('#back-top').fadeIn();
			} else {
				$('#back-top').fadeOut();
			}
		});
		});
jQuery('.backtotop').click(function(){
	jQuery('html, body').animate({scrollTop:0}, 'slow');
});
</script>
<!--end of Scroll back to top-->
</body>
</html>